<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>history对象</title>
</head>
<body>
<a href="https://www.baidu.com">bd</a>
<button class="b1">length:返回history列表中的url数</button>
<button class="b1">back():加载history列表中的前一个URL</button>
<button class="b1">forward():加载history列表中的下一个URL</button><br>
<label>要前进或者后退的页数:<input id="in"></label><br>
<button class="b1">go():加载history列表中的某个具体页面，可选参数为负整数时表示“后退”的页数,正整数为“前进”的页数，0表示刷新页面</button>

<script>

  let btn=document.querySelectorAll('.b1');
  btn[0].onclick=function (){
    console.log(history.length);
  }
  btn[1].onclick=function (){
    history.back();
  }
  btn[2].onclick=function (){
    history.forward();
  }
  btn[3].onclick=function (){
    let n=document.getElementById('in');
    if(n.value===""){
      n.value=0;
    }else{
      history.go(n.value);
    }
  }
</script>
</body>
</html>